自定义扩展表单图标(1.2.0+)

从1.2.0开始,支持自定义扩展表单的图标选择器图标

第一步,选择图标

打开阿里巴巴图标库,选择自己喜欢的图标(暂不支持彩色图标),加入购物车,然后点击“添加至项目”,如果没有项目,请先建立项目。

自定义扩展表单图标(1.2.0+) - 图1

进入阿里图标库的“图标管理”-“我的项目”,选择刚刚添加的项目。

然后点击“Font class”标签,点击“生成代码”或“更新代码”,获取在线css链接。

自定义扩展表单图标(1.2.0+) - 图2

生成链接后,复制链接

第二步,添加图标

进入后台,打开【系统】【扩展中心】【图标管理】,添加新图标。

自定义扩展表单图标(1.2.0+) - 图3

链接一般不需要添加http或https,也可以视系统实际情况,添加完整的协议头。

注意!在1.6.0版本开始,添加了图标域名和后缀限制,如果你添加的自定义图标地址不在白名单内则无法添加和显示,可在【config\icon.php】文件中配置。

就是如此简单,我们就可以使用新图标了。

打开表单的图标选择器,就可以使用刚刚添加的那套图标了

自定义扩展表单图标(1.2.0+) - 图4

注意,如果在阿里图标库的项目中,添加了新图标,或者删除图标,图标css链接需要重新生成,然后进入【图标管理】修改对应的新css链接,再执行【更新图标】操作

自定义扩展表单图标(1.2.0+) - 图5

设置图标大小

默认情况下,阿里图标的大小是16px的,而我们的系统默认图标是14px的,为了美观,需要重新设置新图标的默认大小。

打开\public\static\admin\css\custom.css(自定义css文件)

添加

  1. .iconfont{font-size: 14px}